/* 主题配色一 */
// $main:#FEDA00; //主色
// $mainInverse:#000; //与主色搭配的反色

/* 主题配色二 */
$main:#3385ff; //主背景色
$lightMain: #e6f0ff; //淡主色
$mainInverse:#fff; //与主色搭配的反色
$mainGradual:linear-gradient(to top right,#2981ff,#27a7ff);
$mainGradualInverse:#fff;

/* 其他配色 */
$red:#e1251b; //红色
$lightRed:rgba(225, 37, 27, 0.08);//淡淡的红色

$black: #000; 
$lightBlack:#e6e6e6;

$yellow:#FFC300;
$lightYellow:#fef3d1;

$green:#07c160;
$lightGreen:#dff5e2;

$orange: #F74F0E;
$lightOrange: #fedfd3;

$white : #fff ;
$black : #000 ;
$gray : #777 ;
$grey : #82939c ;

/* 通用颜色 */
// $cyan:#22c5a8;
// $lightCyan: #c6f6f4;

// $white: #fff ;
// $gray:#999;
// $lightGray:#eee;

// $olive:#8dc63f;
// $lightOlive:#E8F4D9;

// $purple:#6739b6;
// $lightPurple:#e7dff5;

// $prink:#e03997;
// $lightPrink:#fae1ef;

// $blue:#0081ff;
// $lightBlue:#e6f2ff;

// $brown:	#8B4513;
// $lightBrown:#ffdbc1; 

// $drakBrown:#433333;
// $lightDrakBrown:#b9a3a3;


/* 渐变背景 */
$gradualOrange:linear-gradient(to top right, #FD6629 ,#ED3154);
$gradualRightOrange:linear-gradient(to right,#FD6629 ,#ED3154);

$gradualRed: linear-gradient(to top right ,#E9352C , #E74970);
$gradualRightRed: linear-gradient(to right,#E9352C , #E74970);

$gradualYellow:linear-gradient(to top right,#feb336,#ff3b2f);
$gradualRightYellow:linear-gradient(to right,#feb336,#ff3b2f);

$gradualPurple:linear-gradient(to top right,#D40A93,#6739b6);
$gradualRightPurple:linear-gradient(to right,#D40A93,#6739b6);

$gradualBlue:linear-gradient(to top right,#0081ff,#1cbbb4);
$gradualRightBlue:linear-gradient(to right,#0081ff,#1cbbb4);

$gradualGreen:linear-gradient(to top right,#67D79F,#00A28A);
$gradualRightGreen:linear-gradient(to right,#67D79F,#00A28A);

$gradualCyan:linear-gradient(to top right,#22d9a0,#19c6ae);
$gradualRightCyan:linear-gradient(to right,#22d9a0,#19c6ae);

// $colorMap : ( name : red , color : $red , light : $lightRed , inverse : #fff ) ,
// 	( name : orange , color : $orange , light : $lightOrange , inverse : #fff  ) ,
// 	( name : black , color : $black , light : $lightBlack , inverse : #fff  ) ,
// 	( name : cyan , color : $cyan , light : $lightCyan , inverse : #fff ),
// 	( name : green , color : $green , light : $lightGreen , inverse : #fff ) ,
// 	( name : olive , color : $olive , light : $lightOlive , inverse : #fff ) ,
// 	( name : yellow , color : $yellow , light : $lightYellow , inverse : #222 ) ,
// 	( name : purple , color : $purple , light : $lightPurple , inverse : #fff ) ,
// 	( name : prink, color : $prink , light : $lightPrink , inverse : #fff ) ,
// 	( name : blue , color : $blue , light : $lightBlue , inverse : #fff ) ,
// 	( name : brown , color : $brown , light : $lightBrown , inverse : #fff ) ,
// 	( name : white , color : $white , light : $white , inverse : #000 ) ,
// 	( name : black , color : $black , light : $lightBlack , inverse : #fff ) ,
// 	( name : drakBrown , color : $drakBrown , light : $lightDrakBrown , inverse : #fff ) ;

// $gradualColorMap :
// 	( name : gradualOrange , color : $gradualOrange , colorRight: $gradualRightOrange, safeColor : $orange , inverse : #fff ) ,
// 	( name : gradualRed , color : $gradualRed , colorRight: $gradualRightRed,  safeColor : $red , inverse : #fff ) ,
// 	( name : gradualYellow , color : $gradualYellow , colorRight: $gradualRightYellow,  safeColor : $yellow , inverse : #fff ) ,
// 	( name : gradualPurple , color : $gradualPurple , colorRight: $gradualRightPurple,  safeColor : $purple , inverse : #fff ) ,
// 	( name : gradualGreen , color : $gradualGreen , colorRight: $gradualRightGreen,  safeColor : $green , inverse : #fff ) ,
// 	( name : gradualCyan , color : $gradualCyan , colorRight: $gradualRightCyan,  safeColor : $cyan , inverse : #fff ) ,
// 	( name : gradualBlue , color : $gradualBlue , colorRight: $gradualRightBlue,  safeColor : $blue , inverse : #fff ) ;
	
$borderColor:#f1f1f1;



